<!-- navigation -->
<nav id="navigation" class="navbar navbar-fixed-top">
  <div class="container-fluid">

    <!-- logo -->
    <div class="navbar-header">
      <a class="navbar-brand" href="/">logo</a>
    </div>

    <!-- navigation content -->
    <div class="collapse navbar-collapse">
      <!-- nav-function  -->
      <ul id="nav-function" class="nav navbar-nav">
        <li ng-repeat="functionItem in functionNavItems" ng-class="{'active': functionItem.active }" >
          <a ui-sref="{{ functionItem.uiSerf }}" >{{ functionItem.label }}</a>
        </li>
        <li><a href="/guide">功能介绍</a></li>
      </ul>

      <!-- nav-user -->

      <ul id="nav-user" class="nav navbar-nav navbar-right">
        
        <!--------------------创建项目---------------------->
        <li class="divider-vertical"></li>
        <li id="project-create-li" class="common-li">
          <a ui-sref="project.creating">
            <span class="glyphicon glyphicon-plus common-image"></span>
            <span class="common-label">创建项目</span>
          </a>
        </li>
        <li class="divider-vertical"></li>


        <!--------------------消息提示----------------------->
        <li id="project-message-li" class="common-li">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <i class="fa fa-bell common-image"></i>
            <span class="common-label">
              <span class="label label-default">{{ unread.notification + unread.message }}</span>
            </span>

          </a>
          <ul class="dropdown-menu common-dropdown">
            <li><a ui-sref="personal.notification"><i class="fa fa-bullhorn"></i> 通知 <span class="badge">{{ unread.notification }}</span></a></li>
            <li class="divider"></li>
            <li><a ui-sref="personal.message.list"><i class="fa fa-envelope"></i> 私信 <span class="badge">{{ unread.message }}</span></a></li>
          </ul>
        </li>
        <li class="divider-vertical"></li>

        <!---------------------头像部分------------------------>
        <li id="user-head-li" class="dropdown">
          <!------------------头像--------------->
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            <img ng-src="img/userHeadImage/{{personalInfo.head_image}}" alt="{{personalInfo.username}}"/>
          </a>
          <!--------------头像下拉菜单---------------->
          <ul class="dropdown-menu navbar-inverse common-dropdown" role="menu">
            <li><a ui-sref="personal.information.setting"><i class="fa fa-gear"></i>   用户设置</a></li>
            <li class="divider"></li>
            <li><a href="{{logoutUri}}"><i class="fa fa-sign-out"></i>   注销</a></li>
          </ul>
        </li>

      </ul>
    </div><!-- /.navbar-collapse -->

  </div><!-- /.container-fluid -->
</nav>